#whiteBg .media-heading a:hover{
    border-bottom: 1px transparent solid !important;
}
.ibanner-swiper-container .swiper-button-next{
    right: 5%;
    /*background: rgba(0,0,0,.0);*/
    background: url(../images/you.png) no-repeat center;
    background-size: 100%;
    padding: 50px 50px;
    width: auto;
    height: auto;
    border-radius: 5px;
    outline: none;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ibanner-swiper-container .swiper-button-prev{
    left: 5%;
    /*background: rgba(0,0,0,.0);*/
    background: url(../images/zuo.png) no-repeat center;
    background-size: 100%;
    padding: 50px 50px;
    width: auto;
    height: auto;
    border-radius: 5px;
    outline: none;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ibanner-swiper-container .swiper-button-next i,
.ibanner-swiper-container .swiper-button-prev i {
    /*font-size: 35px;*/
    /*color: #FFFFFF;*/
    font-size: 50px;
    color: #D0D2D3;
    outline: none;

}
.ibanner-swiper-container:hover .swiper-button-prev, 
.ibanner-swiper-container:hover .swiper-button-next {
    opacity: 0.6;
}

.ibanner-swiper-container .banner-txt pre{background: none;border: none;border-radius: 0;}
.ibanner-swiper-container .banner-txt{position: absolute; width: 100%; padding: 0 15px; max-width: 1300px; margin: 0 auto; top: 48%; left: 50%; transform: translateX(-50%) translateY(-48%); transition: all .36s; text-align: center;}
.ibanner-swiper-container .banner-txt h2{margin: 0 0 10px 0; color: #fff; font-size: 40px; line-height: 2; transform:translateY(25px);opacity:0;transition:all .5s;text-shadow:0 1px 0px rgba(0,0,0,0.3); font-family: Arial; font-weight: normal;}
.ibanner-swiper-container .banner-txt p, .ibanner-swiper-container .banner-txt pre{margin: 0; color: #fff; font-size: 26px;line-height: unset; transform:translateY(25px);opacity:0;transition:all .5s;text-shadow:0 1px 0px rgba(0,0,0,0.3)}
.ibanner-swiper-container .banner-txt a.more{width: 200px; height: 45px; line-height: 45px; border:2px solid rgba(255,255,255,.5); color: #fff; font-size: 16px; text-align: center; margin: 60px auto 0 auto; display: block;}
.ibanner-swiper-container .swiper-slide.swiper-slide-active h2{transform:none;opacity:1;transition-delay:.5s;white-space: pre-wrap;letter-spacing:.05em;text-indent: .05em;}
.ibanner-swiper-container .swiper-slide.swiper-slide-active p{transform:none;opacity:1;transition-delay:.7s}
.ibanner-swiper-container .btn-slidedown{position: absolute; width: 40px; height: 40px; left: 50%; bottom: 60px; margin-left: -20px; border:2px solid rgba(255,255,255,.3); border-radius: 100%; z-index: 2; color: #fff; text-align: center; line-height: 40px; transition: .5s all;}
.ibanner-swiper-container .btn-slidedown:hover{background: #fff; color: #333;}


@media (max-width:414px){
  .HomeField .picScroll-left .long .list li:hover .box{
    padding-top:80px;
  }
}

@media (max-width:370px){
  .HomeField .picScroll-left .long .list li .box{
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m_menu_button{
  display: none;
}
.m_menu_button a{
  display: block;
  margin-top: 30px;
}
.m_menu_button img{
  height: 30px;
}
@media (max-width:1110px){
  #nav,.effect-lower{
    display: none;
  }
  .m_menu_button{
    display: block;
  }
  .ibanner-swiper-container .swiper-button-next ,
  .ibanner-swiper-container .swiper-button-prev  {
      display: none;
  }
  .ibanner-swiper-container .banner-txt h2{
    font-size: 34px;
  }
  .ibanner-swiper-container .banner-txt pre,
  .ibanner-swiper-container .banner-txt p{
    font-size: 22px;
  }
  .ibanner-swiper-container .banner-txt a.more{
    font-size: 16px;
    margin: 40px auto 0;
  }
  .ibanner-swiper-container .swiper-slide{
    height: 40vh;
  }
  .ibanner-swiper-container .swiper-slide img, 
  .ibanner-swiper-container .swiper-slide video{
    height: 40vh;
  }
}
.list-course{
  overflow: visible;
  height: unset;
}
.list-course li{
  min-height: 322px;
  height: 450px;
}

@media (max-width:960px){
  .ibanner-swiper-container .swiper-slide a{
    height: 80vh;
  }
  .list-HomeProduct li{
    width: 50%;
  }
  .list-HomeProduct li .pic{
    float: none !important;
    width: auto;
    margin-right: 0;
  }
  .list-HomeProduct li p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}

@media (max-width:640px){
  .list-course li.x1 a,.list-course li.x2 a,.list-course li.x3 a,.list-course li.x4 a,.list-course li.x5 a{
    margin-top: 0;
  }
  .list-course li{
    height: 180px;
  }
  .ibanner-swiper-container .swiper-slide a{
    height: 300px;
  }
  .list-HomeProduct li{
    width: auto;
  }
  .list-HomeProduct li .pic{
    float: none !important;
    width: auto;
    margin-right: 0;
  }
  .HomeProduct .list-HomeProduct li.x4{
    background: none;
  }
  .HomeProduct .list-HomeProduct li.x1, .HomeProduct .list-HomeProduct li.x3{
    background: #f0f0f0;
  }
  .ibanner-swiper-container video{
    display: none;
  }
  .ibanner-swiper-container .banner-txt h2{
    font-size: 24px;
    line-height: 1.8;
  }
  .ibanner-swiper-container .banner-txt pre,
  .ibanner-swiper-container .banner-txt p{
    font-size: 16px;
  }
  .ibanner-swiper-container .banner-txt a.more{
    /*display: none;*/
    margin: 20px auto 0;
    font-size: 14px;
    line-height: 32px;
    height: auto;
    vertical-align: top;
    width: auto;
    padding: 2px 15px;
    display: inline-block;
  }
}
.HomeAbout{
  overflow: hidden;
display: flex;
    justify-content: center;
}
.course-swiper-container{
  overflow: visible;
}